.mikufun_cecream{
  max-width: 2560px;
  margin: 0 auto;
  background-color: #f3f3f3;
  font-family: inherit;
}

.banner{
  max-width: 1800px;
  margin: 0 auto;
}
.row{
  display: flex;
}

.tool{
  background-color:#fff;
  height: 100vh;
}
.tool h3{
  padding: 5px 0 10px 20px;
}
/* 样式覆盖 */
.panel-heading{
  padding: 0 0;
}
.nava{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  justify-content: space-between;
  background-color: #fff;
  color: #000;
}
.navulli{
  padding: 0 0;
  padding-left: 50px;
}

.tool li{
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
.incoli{
  font-size: 12px;
}



.videoInfo{
  margin-left: 4px;
  margin-top: 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.activeli{
 color: #0077b8;
}
.addvideo{
  display: none;
  background-color: #fff;
  padding: 20px 40px 50px 40px;
}
.addvideo input{
  border: black solid 1px;
}
.videoDetail{
  display: none;
}

/* 视频添加 */
.addvideoForm{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.addvideoForm>div{
  display: flex;
  flex-direction: column;
}
.addvideoForm input,select{
  width: 300px;
  margin: 5px 0;
  height: 30px;
  line-height: 28px;
  padding-left: 5px;
}
.addvideoForm span{
  margin-top: 10px;
}
.videoIntro{
  margin-top: 5px;
  height: 280px;
  padding: 8px 5px;
}
/*  封面图片  */
.videoImgbox{
  border: #b9b9b6 dashed 2px;
  border-radius: 5px;
  background-image: url("../img/mikufun/icon_add_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.addvideoForm .videoImg{
  height: 280px;
  opacity: 0;
  padding: 0 0;
  margin:  0 0;
}
    /* 发布按钮 */
.addvideoBtn{
  margin-top: 40px;
  width: 100px;
  height: 40px;
  border-radius: 4px;
  background-color: #289ed8;
  color: #fff;
}


/* 添加续集 */
.videoDetail{
  display: none;
  background-color: #fff;
  padding: 20px 30px;
}
.videoDetail .detailsearchform input{
  padding: 0 3px;
  width: 200px;
  height: 35px;
  border: #ddd6d6 solid 0.6px;
  margin-right: 5px;
  line-height: 35px;
}
.videoDetail .detailsearchform .detailsearchformBtn{
  width: 100px;
  background-color: #289ed8;
  color: #fff;
}

/* 表格 */
.videoSearch{
  margin-top: 20px;
}
.videoSearch table{
  table-layout: fixed;
  position: relative;
  width: 1200px;
}
.tablehead{
  position: absolute;
  top: 0px;
}
.videoSearch table tbody{
  margin-top: 50px;
  display: block;
  height: 510px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.detailManage .videoSearch td,th{
  width: 170px;
  height: 50px;
  padding: 0 30px 0 10px;
}
.detailManage .videoSearch th{
  text-align: center;
  background-color: #eeeef3;
}
.detailManage .videoSearch tr{
  border: #f3f3f3 solid 0.6px;
}
.detailManage .videoSearch td{
  display: inline-block;
  width: 170px;
  height: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 100px;
  text-align: center;
}
.detailManage .videoSearch td img{
  width: 50%;
  height: 80%;
}
tr span{
  border: #000 solid 0.2px;
  padding: 5px 10px;
  color: white;
  background-color: #008ad3;
  cursor: pointer;
}

/* 发布续集模态框 */
.modal-body{
  margin-bottom: 20px;
}
.closeBtn{
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
}
.showUpDetail{
  width: 1200px;
  border: #f3f3f3 solid 0.6px;
  padding: 20px 20px;
  position: relative;
  right: 200px;
}

.detailform{
  display: flex;
  justify-content: space-between;
}
.detailform>div{
  display: flex;
  flex-direction: column;
}
.detailform input{
  width: 300px;
  height: 30px;
  border: #000 solid 1px;
  margin: 3px 0;
  padding-left: 5px;
}
.detailform .detailImg{
  position: absolute;
  height: 100%;
  width: 200px;
  opacity: 0;
}
.detailImgBox{
  position: relative;
  width: 200px;
  height: 175px;
  border: #b9b9b6 dashed 2px;
  line-height: 200px;
  text-align: center;
  background-image: url("../img/mikufun/icon_add_img.png");
  background-size: 100% 100%;
}
.detailImgBox .iconfont{
  opacity: 1;
  font-size: 100px;
}

.detailform .detailVideo{
  position: absolute;
  width: 200px;
  height: 30px;
  bottom: 0px;
  opacity: 0;
  right: 110px;
  padding: 5px;
}
.detailVideoBtn{
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  bottom: -10px;
  cursor: pointer;
  background-color: #289ed8;
  border: #000 solid 1px;
  margin: 0 auto;
}
.detailVideoBox{
  width: 400px;
  height: 220px;
  border: #b9b9b6 dashed 2px;
}
.detailVideoBox video{
  width: 100%;
  height: 100%;
}
/* 重置按钮 */
.resetBtn{
  width: 100px;
  height: 40px;
  margin-right: 20px;
}
/* 发布视频按钮 */
.updetailbtn{
  width: 100px;
  height: 40px;
  background-color: #289ed8;
  color: #fff;
}


/* 视频审核 */
.checkVideo{
  display: none;
  background-color: #fff;
  padding: 20px 30px;
}
.checkVideo .checksearchform input{
  padding: 0 3px;
  width: 200px;
  height: 35px;
  border: #ddd6d6 solid 0.6px;
  margin-right: 5px;
  line-height: 35px;
}
.checkVideo .checksearchform .checksearchformBtn{
  width: 100px;
  background-color: #289ed8;
  color: #fff;
}

/* 表格 */
.checkVideo .checkSearch{
  margin-top: 20px;
}
.checkVideo .checkSearch table{
  table-layout: fixed;
  position: relative;
  width: 1200px;
}
.checkVideo .checkTablehead{
  position: absolute;
  top: 0px;
}
.checkVideo .checkSearch table tbody{
  margin-top: 50px;
  display: block;
  height: 510px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.checkVideo .detailManage .checkSearch td,th{
  width: 170px;
  height: 50px;
  padding: 0 30px 0 10px;
}
.checkVideo .detailManage .checkSearch th{
  text-align: center;
  background-color: #eeeef3;
}
.checkVideo .detailManage .checkSearch tr{
  border: #f3f3f3 solid 0.6px;
}
.checkVideo .detailManage .checkSearch td{
  display: inline-block;
  width: 170px;
  height: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 100px;
  text-align: center;
}
.checkVideo .detailManage .checkSearch td img{
  width: 50%;
  height: 80%;
}
.checkVideo tr video{
  display: inline-table;
  width: 165px;
  height: 98px;
}
.checkVideo tr span{
  border: #000 solid 0.2px;
  padding: 5px 10px;
  color: white;
  background-color: #d32000;
  cursor: pointer;
}
.pagination li{
  cursor: pointer;
}


/* 视频审核模态框 */
.modal-body{
  margin-bottom: 20px;
}
.closeBtn{
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
}
.showUpDetail{
  width: 1200px;
  border: #f3f3f3 solid 0.6px;
  padding: 20px 20px;
  position: relative;
  right: 200px;
}

.checkInfoform{
  display: flex;
  justify-content: space-between;
}
.checkInfoform>div{
  display: flex;
  flex-direction: column;
}
.checkInfoform textarea{
  display: inline-block;
}
.checkInfoform input{
  width: 300px;
  height: 30px;
  border: #000 solid 1px;
  margin: 3px 0;
  padding-left: 5px;
}
.checkInfoform .detailImg{
  position: absolute;
  height: 100%;
  width: 200px;
  opacity: 0;
}
.detailImgBox{
  position: relative;
  width: 200px;
  height: 175px;
  border: #b9b9b6 dashed 2px;
  line-height: 200px;
  text-align: center;
  background-image: url("../img/mikufun/icon_add_img.png");
  background-size: 100% 100%;
}
.detailImgBox .iconfont{
  opacity: 1;
  font-size: 100px;
}

.detailform .detailVideo{
  position: absolute;
  width: 200px;
  height: 30px;
  bottom: 0px;
  opacity: 0;
  right: 110px;
  padding: 5px;
}
.detailVideoBtn{
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  bottom: -10px;
  cursor: pointer;
  background-color: #289ed8;
  border: #000 solid 1px;
  margin: 0 auto;
}
.detailVideoBox{
  width: 400px;
  height: 220px;
  border: #b9b9b6 dashed 2px;
}
.detailVideoBox video{
  width: 100%;
  height: 100%;
}
/* 重置按钮 */
.NOCheckBtn{
  width: 100px;
  height: 40px;
  margin-right: 20px;
}
/* 发布视频按钮 */
.checkbtn{
  width: 100px;
  height: 40px;
  background-color: #289ed8;
  color: #fff;
}



/* 视频编辑修改 */
.videoEdit{
  display: none;
  background-color: #fff;
  padding: 20px 30px;
}
.videoEdit .editsearchform input{
  padding: 0 3px;
  width: 200px;
  height: 35px;
  border: #ddd6d6 solid 0.6px;
  margin-right: 5px;
  line-height: 35px;
}
.videoEdit .editsearchform .editsearchformBtn{
  width: 100px;
  background-color: #289ed8;
  color: #fff;
}

/* 表格 */
.videoEdit .editSearch{
  margin-top: 20px;
}
.videoEdit .editSearch table{
  table-layout: fixed;
  position: relative;
  width: 1200px;
}
.videoEdit .editTablehead{
  position: absolute;
  top: 0px;
}
.videoEdit .editSearch table tbody{
  margin-top: 50px;
  display: block;
  height: 510px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.videoEdit .detailManage .editSearch td,th{
  width: 170px;
  height: 50px;
  padding: 0 30px 0 10px;
}
.videoEdit .detailManage .editSearch th{
  text-align: center;
  background-color: #eeeef3;
}
.videoEdit .detailManage .editSearch tr{
  border: #f3f3f3 solid 0.6px;
}
.videoEdit .detailManage .editSearch td{
  display: inline-block;
  width: 170px;
  height: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 100px;
  text-align: center;
}
.videoEdit .detailManage .editSearch td img{
  width: 50%;
  height: 80%;
}
.videoEdit tr span{
  border: #000 solid 0.2px;
  padding: 5px 10px;
  color: white;
  background-color: #d32000;
  cursor: pointer;
}
.pagination li{
  cursor: pointer;
}


/* 视频编辑模态框 */
.modal-body{
  margin-bottom: 20px;
}
.closeBtn{
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
}
.showUpDetail{
  width: 1200px;
  border: #f3f3f3 solid 0.6px;
  padding: 20px 20px;
  position: relative;
  right: 200px;
}

.editInfoform{
  display: flex;
  justify-content: space-between;
}
.editInfoform>div{
  display: flex;
  flex-direction: column;
}
.editInfoform textarea{
  display: inline-block;
}
.editInfoform input{
  width: 300px;
  height: 30px;
  border: #000 solid 1px;
  margin: 3px 0;
  padding-left: 5px;
}
.editInfoform .detailImg{
  position: absolute;
  height: 100%;
  width: 200px;
  opacity: 0;
}
.detailImgBox{
  position: relative;
  width: 200px;
  height: 175px;
  border: #b9b9b6 dashed 2px;
  line-height: 200px;
  text-align: center;
  background-image: url("../img/mikufun/icon_add_img.png");
  background-size: 100% 100%;
}
.editForm input{
  border: #000 solid 1px;
}
.videoEdit tr .upEditBtn{
  background-color: #289ed8;
}

/* 修改视频按钮 */
.checkbtn{
  width: 100px;
  height: 40px;
  background-color: #289ed8;
  color: #fff;
}